<template>
<div>
	<div class="index_top">
			<jit-tabs></jit-tabs>
	</div>
	<layout class="index_under">
		<i-header>
			<jit-banner></jit-banner>
		</i-header>
		<i-content>
			<jit-carousel :value="value"></jit-carousel>
		</i-content>
		<i-footer>
		<row>
			<i-col span="8" push="8" style="text-align: center;line-height: 49px;">
				<div>Copyright© 2015-2017 金陵科技学院 文档管理.</div>
			</i-col>
		</row>
		</i-footer>
	</layout>
</div>
</template>

<script>
import JitCarousel from './components/parts/JitCarousel.vue'
import JitTabs from './components/parts/JitTabs.vue'
import JitBanner from './components/parts/JitBanner.vue'

export default {
  name: 'App',
  data () {
    return {
      value: 0,
      ifQrShow: false
    }
  },
  methods: {},
  components: {
    JitCarousel,
    JitTabs,
    JitBanner
  }
}
</script>

<style>
	html,
	body {
		height: 100%;
		min-height: 900px;
		min-width: 910px;
		max-width: 1690px;
		max-height: 960px;
	}
	
	.ivu-layout {
		/*清除iview自带的layout背景色*/
		background: transparent;
		/*使得整体布局的宽度自适应浏览器宽度*/
		width: 100%;
		height: 100%;
	}
	/*----------作标签页的后台登录的上层部分----------*/
	
	.index_top {
		/*做另一个层,把轮播图作为背景层*/
		position: absolute;
		z-index: 20;
		width: 100%;
		height: 100%;
		min-height: 900px;
		min-width: 910px;
		max-width: 1690px;
		max-height: 960px;
	}
	/*tabs的整体部分*/
	
	.ivu-tabs {
		height: 100%;
	}
	
	.ivu-tabs-tab {
		z-index: 30;
		height: 62px !important;
		line-height: 62px;
	}
	
	.ivu-tabs-bar {
		/*清除iview tab bar的下边距*/
		margin-bottom: 0px;
	}
	/*指的是上面的官网/公告/后台登录的位置*/
	
	.ivu-tabs-nav {
		float: right;
		margin-right: calc(20% - 140px);
	}
	
	.ivu-tabs-content {
		height: 100%;
	}
	
	.ivu-tabs-tabpane {
		width: 100%;
		height: 100%;
	}
	/*表单的布局*/
	
	.form_container {
		height: 360px;
		width: 330px;
		padding: 15px 0px 15px 50px;
		position: relative;
		z-index: 30;
		top: 40%;
		left: 80%;
		margin-top: -180px;
		margin-left: -160px;
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 4px;
	}
	
	.ivu-form-item-content {
		width: 220px;
		height: 36px;
	}
	/*----------背景层----------*/
	
	.ivu-layout-header {
		background-color: transparent;
	}
	
	.ivu-layout-footer {
		margin-top: -5px;
		height: 100%;
		padding: 0px;
		background: #80848f;
	}
	/*i-header部分的金陵科技学院标题部分*/
	
	.icon_group i {
		font-size: 24px;
		line-height: 36px;
		margin-left: 40px;
		cursor: pointer;
	}
	
	.form_disappear {
		transition: 0s;
		-webkit-transition: 0s;
		-moz-transition: 0s;
		-o-transition: 0s;
		position: absolute;
		opacity: 0;
	}
	
	.form_appear {
		transition: 1.5s ease;
		-webkit-transition: 1.5s ease;
		-moz-transition: 1.5s ease;
		-o-transition: 1.5s ease;
		opacity: 1;
		position: absolute;
	}
</style>